<template>
  <div>
    <ul v-for="item in list" :key="item.name">
      <li>{{item.age}}</li>
      <li>{{item.name}}</li>
      <div v-if="item.child">
        <item :list="item.child"></item>
      </div>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      defalut: function () {
        return []
      }
    }
  }
}
</script>

<style>

</style>